<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>赞助我们 - 豆豆笔记</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/static/css/main.css"/>
    <style>
        .ws-main {
            border: 0;
        }

        .ws-sponsor-main {
            margin-top: 14px;
            border: 1px solid #d4d4d4;
            min-height: 500px;
            text-align: center;
            padding: 30px 0;
        }

        .dark .ws-sponsor-main {
            border-color: #626262;
        }

        .layui-table tr td:first-child {
            text-align: right;
        }

        .ws-sponsor-qr-code {
            display: flex;
            padding: 15px;
            width: 70%;
            margin: 0 auto;
        }

        @media screen and (max-width: 768px) {
            .ws-sponsor-qr-code {
                width: 100%;
            }

            .layui-table[lay-size=lg] td {
                padding: 3px 8px;
                font-size: 18px;
                line-height: 30px
            }
        }

    </style>
</head>
<body>
<div class="layui-header ws-header ws-bg-light">
    <div class="layui-container">
        <div class="ws-logo">
            <a class="logo" href="/" style="display: inline;align-items: center;font-size: 30px;">
                <img src="/img/logo.png" alt="豆豆笔记" style="color: #16BAAA;font-size: 30px;width: auto;height: 30px;line-height:60px;margin-right: 10px;">
                <text style="margin-left: 0;">豆豆笔记</text>
            </a>
        </div>
        <div class="ws-header-menu">
            <ul class="layui-nav layui-bg-gray ws-bg-light">
                <li class="layui-nav-item"><a href="/">首页</a></li>
                <li class="layui-nav-item"><a href="/link/">归档</a></li>
                <li class="layui-nav-item"><a href="/about/">关于</a></li>
                <li class="layui-nav-item"><a href="/tool/">导航</a></li>
                <li class="layui-nav-item layui-this"><a href="/sponsor/">赞助</a></li>
            </ul>
            <div class="ws-header-tool ws-bg-light" style="display: inline-block">
                <div class="layui-form" lay-filter="form">
                    <input type="checkbox" name="themeMode" lay-filter="header-theme-mode" lay-skin="switch">
                    <div lay-checkbox>
                        <i class="layui-icon layui-icon-moon"></i> |
                        <i class="layui-icon layui-icon-light"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="ws-header-menu-btn">
            <a class="ws-menu-phone" href="javascript:;" style="display: block;">
                <i class="ws-header-menu-icon layui-icon layui-icon-shrink-right"></i>
            </a>
        </div>
    </div>
</div>
<div class="ws-menu-phone-list">
    <div style="background-color: inherit;">
        <div style="height: 60px; text-align: right;display: flex;justify-content: space-between">
            <div class="ws-theme-icon-btn" style="border-radius: 7px; display: inline;margin-left: 40px;height: 40px;width: 40px;line-height: 40px;background-color: #d2d2d2;margin-top: 10px;text-align: center;">
                <i class="ws-theme-icon layui-icon layui-icon-moon" style="color: #333333;"></i>
            </div>
            <i class="ws-menu-phone-close layui-icon layui-icon-error" style="color: #333333;line-height: 60px;font-size: 23px"></i>
        </div>
        <ul>
            <li style="border-top: 1px solid #888888;padding: 20px 40px;"><a href="/">首页</a></li>
            <li style="border-top: 1px solid #888888;padding: 20px 40px;"><a href="/link/">归档</a></li>
            <li style="border-top: 1px solid #888888;padding: 20px 40px;"><a href="/about/">关于本站</a></li>
            <li style="border-top: 1px solid #888888;padding: 20px 40px;"><a href="/tool/">导航</a></li>
            <li style="border-top: 1px solid #888888;padding: 20px 40px;"><a href="/sponsor/">赞助我们</a></li>
        </ul>
    </div>
</div>

<div class="layui-main ws-main ws-bg-light">

    <div class="ws-bg-light ws-sponsor-main">
        <div style="text-align: left;padding: 30px 20px;">
            <blockquote class="layui-elem-quote">
                <div>为了<span style="color: #16baaa;font-size: 18px;"> 豆豆笔记 </span>能够持续健康的发展，现在官方推出赞助商模块。</div>
                <div>成为赞助商后官方社区会积极展示赞助商logo，提升赞助商品牌曝光率和品牌形象。反过来赞助商的资金支持会让<span style="color: #16baaa;font-size: 18px;"> 豆豆笔记 </span>更快更好的发展。</div>
            </blockquote>
        </div>

        <h1>个人捐赠</h1>
        <div class="ws-sponsor-qr-code layui-row" style="">
            <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
                <img src="/img/wxpay.jpg" style="max-width: 70%;border: 1px solid #626262;"/>
            </div>
            <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
                <img src="/img/alipay.jpg" style="max-width: 70%;border: 1px solid #626262;"/>
            </div>
        </div>

        <div>
            <table class="layui-table" lay-skin="line" lay-size="lg" lay-even>
                <tbody>
                <tr>
                    <td>8.00</td>
                    <td>不*谷</td>
                    <td>2024-12-24</td>
                    <td>微信</td>
                </tr>
                <tr>
                    <td>20.00</td>
                    <td>M*</td>
                    <td>2024-12-04</td>
                    <td>微信</td>
                </tr>
                <tr>
                    <td>18.80</td>
                    <td>*缘</td>
                    <td>2024-06-13</td>
                    <td>微信</td>
                </tr>
                <tr>
                    <td>100.00</td>
                    <td>**平</td>
                    <td>2024-04-30</td>
                    <td>支付宝</td>
                </tr>
                <tr>
                    <td>8.88</td>
                    <td>*涛</td>
                    <td>2024-03-27</td>
                    <td>支付宝</td>
                </tr>
                <tr>
                    <td>30.00</td>
                    <td>H*5</td>
                    <td>2023-06-25</td>
                    <td>支付宝</td>
                </tr>
                <tr>
                    <td>6.66</td>
                    <td>W*</td>
                    <td>2022-07-20</td>
                    <td>支付宝</td>
                </tr>
                </tbody>
            </table>
        </div>


    </div>
</div>


<script type="text/html" id="qrModal">
    <div class="layui-row" style="display: flex; padding:15px;">
        <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
            <img src="/img/wxpay.jpg" class="ws-sponsor-img"/>
        </div>
        <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
            <img src="/img/alipay.jpg" class="ws-sponsor-img"/>
        </div>
    </div>
</script>

<div class="layui-footer ws-footer ws-bg-light">
    <div class="ws-text">
        <div class="ws-footer-menu">
            <div class="ws-footer-menu-type">
                <dl style="flex: 0 0 50%;max-width: 33.33%;width: 100%;">
                    <dt class="ws-bg-light">相关连接</dt>
                    <dd><a class="no-referrer" href="javascript:;" data-title="请作者喝咖啡" data-target="#qrModal">捐赠</a></dd>
                </dl>
                <dl style="flex: 0 0 50%;max-width: 33.33%;width: 100%;">
                    <dt class="ws-bg-light">联系我们</dt>
                    <dd>htct1314@foxmail.com</dd>
                </dl>

            </div>
            <div class="ws-footer-qr-code-list">
                <div class="ws-footer-qr-code">
                    <div style="border: 1px solid #d1d1d1">
                        <img src="/img/applet.jpg" style="width:100%;max-width: 100%;" alt=""/>
                    </div>
                    <div style="text-align: center">小程序</div>
                </div>
                <div class="ws-footer-qr-code">
                    <div style="border: 1px solid #d1d1d1">
                        <img src="/img/we_chat.png" style="width:100%;max-width: 120px" alt=""/>
                    </div>
                    <div style="text-align: center">微信</div>
                </div>
                <div class="ws-footer-qr-code">
                    <div style="border: 1px solid #d1d1d1">
                        <img src="/img/sina.png" style="width:100%;max-width: 120px" alt=""/>
                    </div>
                    <div style="text-align: center">新浪微博</div>
                </div>

            </div>
        </div>
        <hr/>
        <p>友情链接：
            <a href="//www.aliyun.com" target="_blank">阿里云</a>
            <a href="https://www.huaweicloud.com/" target="_blank">华为云</a>
            <a href="//cloud.tencent.com" target="_blank">腾讯云</a>
            <a href="//www.ctyun.cn/" target="_blank">天翼云</a>
            <a href="//layui.dev" target="_blank">Layui</a>
            <a href="//cli.im/" target="_blank">草料网</a>
            <a href="//compresspng.com/zh/" target="_blank">在线压缩图片</a>
            <a href="//www.thinkphp.cn" target="_blank">ThinkPHP</a>
        </p>
        <div class="ws-footer-copyright">
            <div>Copyright © <span id="footer-year"></span> 豆豆笔记 All Rights Reserved.</div>
            <div>豆豆笔记&nbsp;版权所有</div>
            <div>
                <a href="https://beian.miit.gov.cn" target="_blank">
                    <img src="http://htct1314.cn/img/icon.png" style="height:16px;margin-right:5px;" alt/>
                    <span>闽ICP备2022002089号-1</span>
                </a>
            </div>
        </div>
    </div>
</div>

<ul class="layui-fixbar" style="display: none;">
    <li lay-type="top" style="display: list-item;">
        <a href="JavaScript:;" class="layui-icon layui-icon-top layui-fixbar-top" style="display: block;color:#fff;"></a>
    </li>
</ul>

<script src="/layui/layui.js"></script>
<script src="/static/js/main.js"></script>
</body>
</html>